<!DOCTYPE html>
<html>
    <head>
        <title>Click on overflowing svg element</title>
        <script type="text/javascript" charset="utf-8">
            if (window.testRunner)
                testRunner.dumpAsText();

            function sendClick()
            {
                var target = document.getElementById("target");
                var rect = target.getBoundingClientRect();

                if (window.eventSender) {
                    eventSender.mouseMoveTo(rect.left + 10, rect.top + 10);
                    eventSender.mouseDown();
                    eventSender.mouseUp();
                }
            }

            window.addEventListener('load', sendClick, false);
        </script>
        <style>
        rect:hover { fill: blue; }
        </style>
    </head>
    <body>
        <svg width="100" height='100' overflow="visible">
            <rect id="target" x="100" width="100" height="100" onclick="document.querySelector('p').textContent='PASS';"/>
        </svg>
        <p>FAIL</p>
    </body>
</html>
